<template>
<el-dialog
  :title.sync="titleName"
  :visible.sync="dialogVisible"
  :width="width"
  :fullscreen="fullscreen"
  :before-close="handleClose">
  <slot/>
</el-dialog>   
</template>
<script> 
export default{
    name:'Dialog',
    data(){
        return{
        }
    },
    props:{
       dialogVisible:{
           type:Boolean,
            default:false
       },
       titleName:{
           type:String,
           default:'标题'
       },
       width:{
           type:String,
           default:'50%'
       },
       fullscreen:{
           type:Boolean,
           default:false
       }
    },
    methods:{
        // eslint-disable-next-line no-unused-vars
        handleClose(done) {
             this.$emit('update:dialogVisible', false);   
        }
    }
}
</script>
<style>
.el-dialog__header {
    padding: 20px 20px 10px;
    border-bottom: 1px solid #DCDFE6;
}

</style>